React makes it easy to build UIs, but building fast React apps is a different skill altogether.
In this hands-on, real-world React Performance Optimization crash course, you’ll learn how React actually re-renders, why your app slows down, and which performance patterns truly matter in production — not just theory, but battle-tested techniques used by senior engineers.
This video is about knowing what to optimize, when to optimize, and how to do it right.
This course was created by @tapasadhikary
📚 Resources
- Check out the React Hooks Cheatsheet:
- tapaScript YouTube Channel:
- All my articles, handbooks on freeCodecamp:
- Join my FREE Course, 40 Days of JavaScript:
- Join my FREE Course, 15 days of React Design patterns:
⭐️ Chapters ⭐️
- 0:00:00 Performance Patterns
- 0:01:16 What’s in Part 1?
- 0:01:37 Re-Rendering in React
- 0:05:16 Memoization
- 0:07:44 The memo()
- 0:12:08 The useCallback()
- 0:20:33 the useMemo()
- 0:28:07 The Derived State
- 0:33:38 Debouncing
- 0:41:27 Throttling
- 0:46:32 Tasks from Part 1
- 0:48:10 Advanced Patterns
- 0:49:11 What’s in Part 2?
- 0:50:21 React Compiler
- 1:00:11 Lazy Loading & Suspense
- 1:11:31 Component Isolation
- 1:13:35 Context Optimizations
- 1:16:57 Virtualization
- 1:23:46 Concurrency and useTransition()
- 1:27:41 Deferred Value
- 1:30:01 List and Keys
- 1:31:01 Tools
- 1:32:37 Tasks from Part 2
- 1:34:08 One Word of Wisdom
🤝 Connect with Tapas
- Subscribe to my YouTube Channel:
- Connect on LinkedIn:
- Foll
|
Download your free Python Cheat Sheet he...
React makes it easy to build UIs, but bu...
Did you know - Harvard's CS50 isn't just...
A live information session to introduce ...
Download your free Python Cheat Sheet he...
How to Install Xcode on Mac | Install Xc...
When you're a new developer, what's a gr...
How to Install Eclipse IDE on Windows 11...
How To Install and Use Cursor on Windows...
How to Install IntelliJ IDEA on Mac | In...